$(function() {
    let $heightArr = [];
    $.each($(".date"), function(index, item) {
            $heightArr.push(parseInt($(item).offset().top));
        })
        // 点击改变类名
    let flag = false;
    $(".nav li").on("click", changeClass);

    function changeClass() {
        let $index = $(this).index();
        $(this).addClass("active").siblings().removeClass("active");
        flag = true;
        changeTop($index);
    }

    $(window).on("scroll", toggle)

    // nav显示与隐藏
    function toggle() {
        let $newProduct = $(".newProduct").offset().top;
        if ($("html,body").scrollTop() > $newProduct - 100) {
            $(".nav").css({ display: "block" })
        } else {
            $(".nav").css({ display: "none" })
        }
    }

    // 点击跳转相应模块
    function changeTop($index) {
        $("html,body")
            .stop(true)
            .animate({
                scrollTop: $heightArr[$index]
            }, function() {
                flag = false
            })
    }
    //返回顶部
    $(".backTop").on("click", function() {
        $("html,body")
            .stop(true)
            .animate({
                scrollTop: 0
            })
    })

    //nav滚动跟随
    $(window).scroll(function() {
        let t = null;
        return function() {
            if (typeof t === "number") {
                return false;
            }
            if (!flag) {
                var $index = getIndex();
            }
            t = setTimeout(function() {
                $(".nav li").eq($index).addClass("active").siblings().removeClass("active");
                t = null;
            }, 50)
        }
    }())

    function getIndex() {
        let $scroTop = $("html,body").scrollTop();
        if ($scroTop >= $heightArr[$heightArr.length - 1]) {
            return $heightArr.length - 1;
        }
        for (let i = 0; i < $heightArr.length; i++) {
            if ($scroTop + 100 >= $heightArr[i] && $scroTop + 100 <= $heightArr[i + 1]) {
                return i
            }
        }
    }
})